<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Dashboard - Tutorsell</title>
        <link rel="icon" href="http://localhost/magento/skin/adminhtml/default/default/favicon.ico" type="image/x-icon" />
        <link rel="shortcut icon" href="http://localhost/magento/skin/adminhtml/default/default/favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" type="text/css" href="css/default.css" media="all" />
        <link rel="stylesheet" type="text/css" href="css/layout.css" media="all" />
        <link rel="stylesheet" type="text/css" href="css/menu.css" media="screen, projection" />
        <link rel="stylesheet" type="text/css" href="css/jquery.theme.css" media="all" />
        <link rel="stylesheet" type="text/css" href="css/jquery.treeview.css" media="all" />
        <link rel="stylesheet" type="text/css" href="css/jquery.core.css" media="all" />
        <link rel="stylesheet" type="text/css" href="css/jquery.ui.button.css" media="all" />
        <link rel="stylesheet" type="text/css" href="css/jquery.ui.resizable.css" media="all" />
        <link rel="stylesheet" type="text/css" href="css/jquery.ui.dialog.css" media="all" />
        <link rel="stylesheet" type="text/css" href="css/jquery.ui.override.css" />

        <link rel="stylesheet" type="text/css" href="css/add-new.css" />
        <link rel="stylesheet" type="text/css" href="css/table.css" />
        <link rel="stylesheet" type="text/css" href="css/product_category.css" />
        <link rel="stylesheet" type="text/css" href="css/general.css" />
        <!--[if lt IE 8]>
        <link rel="stylesheet" type="text/css" href="http://localhost/magento/skin/adminhtml/default/default/iestyles.css" media="all" />
        <![endif]-->
        <!--[if lt IE 7]>
        <link rel="stylesheet" type="text/css" href="http://localhost/magento/skin/adminhtml/default/default/below_ie7.css" media="all" />
        <script type="text/javascript" src="http://localhost/magento/js/lib/ds-sleight.js" defer></script>
        <script type="text/javascript" src="http://localhost/magento/js/varien/iehover-fix.js"></script>
        <![endif]-->
        <!--[if IE 7]>
        <link rel="stylesheet" type="text/css" href="http://localhost/magento/skin/adminhtml/default/default/ie7.css" media="all" />
        <![endif]-->
        <script type='text/javascript' src='js/jquery.min.js'></script>
        <script type='text/javascript' src='js/jquery.treeview.js'></script>
        <script type="text/javascript" src="js/jquery.cookie.js"></script>
        <script type='text/javascript' src='js/menu.js'></script>
        <script type='text/javascript' src='js/jquery.ui.core.js'></script>
        <script type='text/javascript' src='js/jquery.ui.widget.js'></script>

        <script type='text/javascript' src='js/jquery.ui.button.js'></script>
        <script type='text/javascript' src='js/jquery.ui.draggable.js'></script>
        <script type='text/javascript' src='js/jquery.ui.mouse.js'></script>
        <script type='text/javascript' src='js/jquery.ui.position.js'></script>
        <script type='text/javascript' src='js/jquery.ui.resizable.js'></script>
        <script type='text/javascript' src='js/jquery.ui.dialog.js'></script>
        <script type='text/javascript' src='js/manage_product_category.js'></script>

        <script type='text/javascript' src='js/menu.js'></script>
    </head>
    <body id="store-body">
        <div class="overal">
            <noscript>
                <div class="noscript">
                    <div class="content">
                        <p><strong>JavaScript seems to be disabled in your browser.</strong></p>
                        <p>Please enable javascript browser to use the functionality of website.</p>
                    </div>
                </div>
            </noscript>
            <div class="header">
                <div class="clear"></div>
                <div id="menu" class="navigation-store">
                    <!-- menu start -->
                    <ul id="navigation">
                        <li class=" active  level0"> <a href="#" class="active"><span>Dashboard</span></a>
                        </li>
                        <li class="parent level0"> <a href="#" onclick="return false"><span>Sales</span></a>
                            <ul>
                                <li class="level1"> <a href="#"><span>Orders</span></a>
                                </li>
                                <li class="level1"> <a href="#"><span>Invoices</span></a>
                                </li>
                                <li class="level1"> <a href="#"><span>Shipments</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="parent level0"> <a href="#" onclick="return false"><span>Product</span></a>
                            <ul>
                                <li class="level1"> <a href="#"><span>Manage Products</span></a>
                                </li>
                                <li class=" level1"> <a href="#"><span>Manage Categories</span></a>
                                </li>		

                                <li class=" parent level1"> <a href="#" onclick="return false"><span>Tags</span></a>
                                    <ul>
                                        <li class="level2"> <a href="#"><span>All Tags</span></a>
                                        </li>
                                        <li class="last level2"> <a href=""><span>Pending Tags</span></a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="parent level0"> <a href="#" onclick="return false"><span>Users</span></a>
                            <ul>
                                <li class=" level1"> <a href="#"><span>Manage User</span></a>
                                </li>
                                <li class="level1"> <a href="#"><span>Manage Catergories</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="parent level0"> <a href="#" onclick="return false"><span>Newsletter</span></a>
                            <ul>
                                <li class="level1"> <a href="#"><span>Newsletter Templates</span></a>
                                </li>
                                <li class="level1"> <a href="#"><span>Newsletter Queue</span></a>
                                </li>
                                <li class="level1"> <a href="#"><span>Newsletter Subscribers</span></a>
                                </li>
                                <li class="last level1"> <a href="#"><span>Newsletter Problem Reports</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="parent level0"> <a href="#" onclick="return false"><span>Reports</span></a>
                            <ul>
                                <li class="parent level1"> <a href="#" onclick="return false"><span>Sales</span></a>
                                    <ul>
                                        <li class="level2"> <a href="#"><span>Orders</span></a>
                                        </li>
                                        <li class="level2"> <a href="#"><span>Invoiced</span></a>
                                        </li>
                                        <li class="level2"> <a href="#"><span>Shipping</span></a>
                                        </li>
                                        <li class="last level2"> <a href="#"><span>PayPal Settlement Reports</span></a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="parent level1"> <a href="#" onclick="return false"><span>Cart</span></a>
                                    <ul>
                                        <li class="level2"> <a href="#"><span>Products in carts</span></a>
                                        </li>
                                        <li class="last level2"> <a href="#"><span>Abandoned carts</span></a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="parent level1"> <a href="#" onclick="return false"><span>Products</span></a>
                                    <ul>
                                        <li class="level2"> <a href="#"><span>Bestsellers</span></a>
                                        </li>
                                        <li class="level2"> <a href="#"><span>Products Ordered</span></a>
                                        </li>
                                        <li class="level2"> <a href="#"><span>Most Viewed</span></a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="parent level1"> <a href="#" onclick="return false"><span>Customers</span></a>
                                    <ul>
                                        <li class="level2"> <a href="#"><span>New Accounts</span></a>
                                        </li>
                                        <li class="level2"> <a href="#"><span>Customers by orders total</span></a>
                                        </li>
                                        <li class="last level2"> <a href="#"><span>Customers by number of orders</span></a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="parent level1"> <a href="#" onclick="return false"><span>Tags</span></a>
                                    <ul>
                                        <li class="level2"> <a href="#"><span>Customers</span></a>
                                        </li>
                                        <li class="level2"> <a href="#"><span>Products</span></a>
                                        </li>
                                        <li class="last level2"> <a href="#"><span>Popular</span></a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="level1"> <a href="#"><span>Search Terms</span></a>
                                </li>
                            </ul>
                        </li>
                        <li class="parent level0"> <a href="#" onclick="return false"><span>System</span></a>
                            <ul>
                                <li class="level1"> <a href="#"><span>My Account</span></a>
                                </li>
                                <li class="parent level1"> <a href="#"><span>Manage Currency</span></a>
                                    <ul>
                                        <li class="level2"> <a href="#"><span>Rates</span></a>
                                        </li>
                                        <li class="last level2"> <a href="#"><span>Symbols</span></a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="level1"> <a href="#"><span>Emails</span></a>
                                </li>
                                <li class="last level1"> <a href="#"><span>Configuration</span></a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <!-- menu end -->
                </div>
            </div>

            <div class="info-log">
                <p class="info">
                    Logged in as millionairetai<span class="separator">|</span><a href="#">Log Out</a>
                </p>
            </div>

            <div class="container">
                <div id="main-container">
                    <div id="messages"></div>
                    <div class="header-title">
                        <table cellspacing="0">
                            <tbody>
                                <tr>
                                    <td><h3>Manage product category</h3></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="main-content">
                        <div class="product-category-tree">
                            <div class="tree-actions">
                                <a href="#">Collapse All</a> <span class="separator">|</span> <a href="#">Expand All</a>
                            </div>
                            <ul id="product_category_tree" class="filetree treeview-famfamfam">
                                <li class="closed"><span class="folder"><span class="category-text">Php programming<span class="none-display id">id</span> </span><span class="float-right"><a class="edit" href="#">edit</a> <span class="separator">|</span> <a class="delete" href="#">delete</a></span></span>
                                    <ul>
                                        <li class="closed"><span class="folder"><span class="category-text">f asdf a <span class="none-display id">id</span> </span><span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span>
                                            <ul>
                                                <li><span class="file"><span>fdas fadsf</span><span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></li>
                                            </ul>
                                        </li>
                                        <li class="closed"><span class="folder"><span class="category-text">Folder 2</span> <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span>
                                            <ul>
                                                <li><span class="folder"><span class="category-text">Subfolder 2.1</span> <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span>
                                                    <ul id="folder">
                                                        <li><span class="file">File 2.1.1 <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span></li>
                                                        <li><span class="file">File 2.1.2 <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span></li>
                                                    </ul>
                                                </li>
                                                <li class="closed"><span class="folder">Subfolder 2.2 <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span>
                                                    <ul>
                                                        <li><span class="file">File 2.2.1 <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span></li>
                                                        <li><span class="file">File 2.2.2 <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="closed"><span class="folder">Folder 3 (closed at start) <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span>
                                            <ul>
                                                <li><span class="file">File 3.1 <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span></li>
                                            </ul>
                                        </li>
                                        <li><span class="file">File 4 <span class="float-right"><a href="#">edit</a> <span class="separator">|</span> <a href="#">delete</a></span></span></li>
                                    </ul>
                                </li>
                                <li class="closed"><span class="folder">Folder 2</span>
                                    <ul>
                                        <li><span class="folder">Item 2.1</span>
                                            <ul>
                                                <li><span class="file">Item 2.1.1</span></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                        <div class="product-category-edit">
                            <table class="add-new" cellpadding="0" cellspacing="0">
                                <tbody>
                                    <tr>
                                        <td>
                                            <label for="product_category_name">Name <span class="form-required" title="This field is required.">*</span></label>
                                        </td>
                                        <td>
                                            <input id="product_category_name" class="input-text required" id="username" name="product_category[name]" value="" size="20" maxlength="60" type="text" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label for="product_category_description">Description <span class="form-required" title="This field is required.">*</span></label>
                                        </td>
                                        <td>
                                            <textarea name="product_category[description]" class="text-area" id="product_category_description" cols="50" rows="5"></textarea>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label for="product_category_actived">Actived</label>
                                        </td>
                                        <td>
                                            <div id="status" class="form-radios">
                                                <input id="status_1" name="product_category[actived]" value="0" class="input-radio" type="radio" />  <label class="option" for="status_1">Active </label>
                                                <input id="status_2" name="product_category[actived]" value="1" checked="checked" class="input-radio" type="radio" />  <label class="option" for="status_2">Deactive </label>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="form-input float-right">
                                <input type="button" name="add" id="add" value="Add" class="add" />
                            </div>
                        </div>
                    </div>
                </div>
                
                <div id="dialog_del_product_category" class="dialog" title="Delete product category">
                    <form action="delete" method="post" class="form-delete" id="form_delete" name="form_delete">
                        <h5>Are your sure to delete the items?</h5>
                        <div>
                            <p><span><input type="checkbox" id="" name="user[]" /></span><span><label for="">121 fas fsad  fdaslf lads fkladsklf asld fads f ads fads fladsf ak sfs fdsl</label></span></p>
                            <p><span><input type="checkbox" id="" name="user[]" /></span><span><label for="">121</label></span></p>
                            <p><span><input type="checkbox" id="" name="user[]" /></span><span><label for="">121</label></span></p>
                            <p><span><input type="checkbox" id="" name="user[]" /></span><span><label for="">121</label></span></p>
                            <p><span><input type="checkbox" id="" name="user[]" /></span><span><label for="">121</label></span></p>                        
                            <p><span><input type="checkbox" id="" name="user[]" /></span><span><label for="">121</label></span></p>
                            <p><span><input type="checkbox" id="" name="user[]" /></span><span><label for="">121 fas fsad  fdaslf lads fkladsklf asld fads f ads fads fladsf ak sfs fdsl</label></span></p>                            
                        </div>
                    </form>
                </div>
                
                <div class="footer">
                    Tutorsell 2013@Sywogroup.com
                </div>
            </div>
    </body>
</html>